<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Compania de Onibus LTDA</title>
        <link href="css/styles.css" rel="stylesheet" type="text/css" />
        <link href="lib/jqueryui/css/excite-bike/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="lib/nivo-slider/themes/default/default.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="lib/nivo-slider/nivo-slider.css" type="text/css" media="screen" />

        <script type="text/javascript" src="lib/jquery.min.js"></script>
        <script type="text/javascript" src="lib/jqueryui/js/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="lib/nivo-slider/jquery.nivo.slider.pack.js"></script>
        <script type="text/javascript">
            $(window).load(function() {
                $('#slider').nivoSlider();
            });
            $(function() {
                $( "input:submit" ).button();
                $( "a",  "#rightPan").button();
            });
        </script>
    </head>

    <body>

        <!-- TOP -->

        <div id="top">
            <img src="images/logo_texto.png" alt="Logo" border="0" style="padding-left: 100px; padding-top: 50px;"/>
        </div>

        <!-- HEADER -->

        <div id="header">

            <div id="mainimgPan">
                <div class="slider-wrapper theme-default">
                    <div class="ribbon"></div>
                    <div id="slider" class="nivoSlider">
                        <img src="images/slider/1.jpg" alt="" />
                        <img src="images/slider/2.jpg" alt="" />
                        <img src="images/slider/3.jpg" alt="" />
                        <img src="images/slider/4.jpg" alt="" />
                    </div>
                </div>
            </div>

            <div id="formPan">
                <span style="text-align: center;"><h2>Pesquisa Rota</h2></span>

                <form method="post" action="servletGerencia" class="search">
                    <label>Origem</label>
                    <input name="origem" type="text" id="minprice" size="15" />

                    <label>Destino</label> 
                    <input name="destino" type="text" id="maxprice" size="15" />

                    <input type="hidden" value="pesquisarota" name="opcao"/>
                    <input type="submit" title="Submit" class="submitBtn" />
                </form>
            </div>

        </div>




        </div>

        <!-- CONTENT -->

        <div id="content">

            <div id="leftPan">

                <div id="mortgage">
                    <h2>Acesso ao Usuario</h2>

                    <ul>
                        <li><a href="LoginCliente.jsp">Login Cliente </a></li>
                        <li><a href="LoginCompania.jsp">Login Compania</a></li>
                        <li><a href="LoginAdmin.jsp">Login Administrador </a></li>
                    </ul>
                </div>



            </div>

            <div id="rightPan">


                <p style="font-size: 20px; font-family: cursive; margin: 10px 10px 10px 10px; padding-top: 50px;">
                    <span>Obtenha um cadastro na nossa Compania de Onibus</span>
                </p>

                <ul class="left" style="padding-left: 150px;">
                    <a href="CadastrarCliente.jsp" target="_self">Cadastro Cliente</a>
                    <a href="CadastrarCompania.jsp" target="_self">Cadastro Compania</a>
                </ul>

            </div>

            <div class="spacerline"></div>
        </div>

        <div class="clear"></div>

        </div>

        <!-- FOOTER -->

        <div id="footer">

            <p>Copyleft Avassaladores</p>
        </div>

        <!-- BOTTOM -->

        <div id="bottom">


        </div>
    </body>
</html>
